<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SD - your dashboard</title>
    
    <link href="../app/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/fonts.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/inner.css" rel="stylesheet">
    
    
    
</head>
<body>
    
    <!-- Top Nav bar -->
    
    <div class="navbar light" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">

                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
                <a class="navbar-brand dark" href="#">SimplyDecide&reg;</a>
            </div>
            
            
            <div class="navbar-collapse collapse">
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Hi <span class="user-name">Saleem</span></a></li>
                        <li><a href="#" class="profile-settings"></a></li>
                        <li><a href="#" class="category-link"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Top Nav bar Ends -->
    
    <!-- Top Search Bar -->
    <div class="search-bar">
        <div class="container">
            <div class="row">
				<div class="col-md-6 col-sm-6 favourite-topics">
                    <form>
                        <input type="text" value="search your favourite topics"/>
                        <input type="image" src="images/form-search-icon-white.png"/>
                    </form>
                </div>
                <div class="col-md-6 col-sm-6 clearfix">
                    <a class="all-topics" href="#">All topics</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Top Search Bar Ends-->
    
    <section class="content topic">
        <div class="container">
            
            <div class="row">
                <div class="col-md-6"><h3 class="category-name">Eatery</h3></div>
                <div class="col-md-6">
                    <div class="category-info">
                        <a href="#" class="view-all">View all topics</a>
                        <a href="#" class="total-questions">95 questions</a>
                        <a href="#" class="total-votes">160 votes</a>
                        <a href="#" class="total-decisions">86 decisions</a>
                    </div>
                </div>
            </div>

            <hr />
            
            <div class="row topic-graph">
                <div class="col-md-6">
                    <h4 class="topic-question">Which Traditional food you like most?</h4>
                    <span class="topic-posted">Posted by Juliet, 12 july, 2014</span>
                    
                    <ol class="topic-options" type="a">
                        <li><span class="radio" data-group="group1"></span> Italian <span class="vote-count">(45 votes)</span></li>
                        <li><span class="radio active" data-group="group1"></span> Italian <span class="vote-count">(45 votes)</span></li>
                        <li><span class="radio" data-group="group1"></span> Italian <span class="vote-count">(45 votes)</span></li>
                        <li><span class="radio" data-group="group1"></span> Italian <span class="vote-count">(45 votes)</span></li>
                    </ol>
                </div>
                <div class="col-md-6">
                    <img src="images/topic-graph-dummy.png">
                </div>
            </div>    
        </div>
    </section>
	
    
    <section class="content topic-other-questions">
        <div class="container">
            <div class="topic-questions-carousel">
                <div class="question">
                    <p class="title">Which pizza you like most</p>
                    <hr />
                    <a class="question-views">160</a><a class="question-decisions">80</a>
                </div>
                <div class="question">
                    <p class="title">A recent fitness walk left you breathless, and you&rsaquo;ve been having trouble sleeping during the night</p>
                    <hr />
                    <a class="question-views">160</a><a class="question-decisions">80</a>
                </div>
                <div class="question">
                    <p class="title">Which pizza you like most</p>
                    <hr />
                    <a class="question-views">160</a><a class="question-decisions">80</a>
                </div>
                <div class="question">
                    <p class="title">Which pizza you like most</p>
                    <hr />
                    <a class="question-views">160</a><a class="question-decisions">80</a>
                </div>
            </div>
        </div>
    </section>
    
	<!-- Content Section -->
    <section class="content">
        <div class="container">
            <div class="row">
                              
                <div class="col-md-6 my-data">
                    <table class="info-table red">
                        <thead><tr><th class="latest">Your Latest Post</th><th><a class="view-more">view more</a></th></tr></thead>
                        <tbody>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6"> 
                    <table class="info-table blue">
                        <thead><tr><th class="decisions">Your Decisions / Votes</th><th><a class="view-more">view more</a></th></tr></thead>
                        <tbody>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                            <tr><td>Which LED TV is good to buy</td><td><a class="question-views">160</a><a class="question-decisions">80</a></td></tr>
                        </tbody>
                    </table>
                </div>
                </div>
            </div>
        </div>
    </section>
	<!-- Content Section Ends -->
    
    
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a href="#">About Us</a> <a href="#">Contact</a>  <a href="#">Terms of Use</a>  <a href="#">Policy</a>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-4"><span class="copyright">All rights reserved &copy; 2014 SimplyDecide.com</span></div>
            </div>
        </div>
    </footer>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="../app/js/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>